@font-face {
    font-family: 'TeXGyreAdventorRegular';
    src: url('texgyreadventor-regular-webfont.eot');
    src: url('texgyreadventor-regular-webfont.eot?iefix') format('eot'),
         url('texgyreadventor-regular-webfont.woff') format('woff'),
         url('texgyreadventor-regular-webfont.ttf') format('truetype'),
         url('texgyreadventor-regular-webfont.svg#webfontfuvdSzbb') format('svg');
    font-weight: normal;
    font-style: normal;

}




/* Body */



html {
	height:100%;
}
body {
	margin:0;
	padding:0;
	height:100%;
	/*color:#666;*/
  	color:#fff;
	font:normal 75% Arial, Helvetica, sans-serif;
	line-height:1.1em;
	text-align:center;
	background-color: #dcdcdc;
}


div.wrapper {
	padding:20px;
}
div.main p, div.main-checkout p, div.pop-up p {
	margin:0 0 1em 0;
	line-height:1.2em;
	font-size:1em;
	color:#333;
}
div.main div.content p {
	clear:both;
}
div.holder div.main div.content .first {
	margin-top:0;
}
span.address {
	float:left;
	line-height:1.5em;
	padding:0.2em 0;
	font-size:1em;
	color:#333333;
}

/***** Layout *****/

header, section, footer, aside, nav, article, figure
{
	display: block;
}

::-moz-selection {
 background: #C74350;
 background:#4d4d4f;
 color: #fff;
}

::selection {
 background: #C74350;
 background:#4d4d4f;
 color: #fff;
}
br.clear
{
	clear:both;
	height:1%;
	margin:0px;
	padding:0px;
}



/*slogan*/
div#slogan{
	font-family:"Arial", Gadget, sans-serif;
	
	color::#ab1133;
	text-transform: uppercase;
	font-weight: no bold;
	font-size:18px;
	line-height:18px;
	margin:0px 0px 0px 0px;
	position: absolute;
	
z-index:12;

}

div#sloganDetail{
	width:180px;
	background-color:#444;
	padding:3px;
	color:#FFF;
	font-weight:bold;
	font-size:16px;
	line-height:20px;
	-webkit-transition: all .45s ease-in-out;
	-moz-transition: all .45s ease-in-out;
	-o-transition: all .45s ease-in-out;
	transition: all .45s ease-in-out;
}

div#sloganDetail:hover{
	width:180px;
	background-color:#660000;
	padding:3px;
	color:#FFF;
	font-weight:bold;
	font-size:16px;
	line-height:20px;
	-webkit-transition: all .45s ease-in-out;
	-moz-transition: all .45s ease-in-out;
	-o-transition: all .45s ease-in-out;
	transition: all .45s ease-in-out;
}







/**
 * Core styles for all browsers
 *
 * Original Author: Chris Martin, Webexpectations
 * Creation Date: 2009/09/14
 *
 * Other Authors:
 * Karen Comber, Webexpectations.com
 * Aliya Hirji, Webexpectations.com
 *
 */


a * {
	cursor:pointer;
}
a {
	background:none;
	text-decoration:underline;
	color:#373735;
}
a:hover {
}
.underline {
	text-decoration:underline;
}
a.small {
	font-size:0.8em;
}
h1, h2, h3, h4 {
	font-family: Arial, Helvetica, sans-serif;
}
h1 {
	font-size:20px;
	font-weight:normal;

}
h2 {
	margin:0.7em 0;
	font-size:1.7em;
	font-weight:bold;
	color:#fff;
	line-height:1em;
}
h3 {
	margin:0.7em 0;
	font-size:14px;
	color:#ab1133;
	line-height:1em;
}
h3.mainhead {
	margin:0 0 0.7em 0;
	
}
h4 {
	margin:0.7em 0;
	font-size:1.2em;
	color:#fff;
	line-height:1em;
}
h5 {
	margin:0.5em 0 0.75em 0;
	font-size:1.04em;
	font-weight:normal;
	color:#fff;
	line-height:0em;
}
h6 {
	margin:2.2em 0 0.75em 0;
	font-size:1em;
	font-weight:normal;
	color:#fff;
	line-height:1em;
}

ul {
	margin:0 1em 0 7px;
	padding:0;
}
ul li {
	padding-left:21px;
	list-style:none;
	line-height:1.9em;
	background:url('/image/bullet-black-small.gif') no-repeat left 0.75em;
}
ol {
	margin:0 1em 0 0.7em;
	padding:0 0 0 10px;
}
div.content ol {
	margin-left:8px;
}
ol li {
	padding-left:7px;
	line-height:1.9em;
}
ol li ol {
	padding-left:9px;
	list-style-type:lower-latin;
}
ol li ol li {
	line-height:1.95em;
}
.floatleft {
	float:left;
}
.floatright {
	float:right;
}
.floatnone {
	float:none;
}
.alignleft {
	text-align:left;
}
.alignright {
	text-align:right;
}
.clearboth {
	clear:both;
}
.relative {
	position:relative;
}
.clearafter {
	min-height:1%;
}
.bold {
	font-weight:bold;
}
.black {
	color:#373735;
}
.red {
	color:#d5240a;
}
.error {
	color:#9B090C !important;
	font-weight:bold !important;
}
.greybg {
	background:#e5e5e5;
}
strong.large {
	font-size:1.2em;
}
img {
	border:0;
}
form {
	margin:0;
	padding:0;
}
div.row input {
	margin:0;
}
input.text, select, textarea {
	font-size:1em;
	color:#333;
	border:1px solid #B9BDBC;
	background:#fff;
	font-family: Arial, Helvetica, sans-serif;
}
input.text {
	padding:2px 3px;
	width:138px;
	font-weight:normal;
}
textarea {
	padding:2px 3px;
	font-weight:normal;
}
select {
	padding:2px 2px 2px 0;
	width:146px;
	font-weight:normal;
}
input.button {
	padding:2px 8px 2px 18px;
	border:1px solid #999;
	background:#c8c8c8 url('/image/back-button-fallback.png') no-repeat left top;
	font-size:1em;
	font-weight:bold;
	cursor:pointer;
}
label {
	font-weight:bold;
	color:#373735;
}
/* - Generic/reusable styles - */

.hide {
	display:none !important;
}
.hidden {
	visibility:hidden !important;
}
span.required {
	color:#950401;
}
a.button {
	position:relative;
	display:inline-block;
	margin-right:10px;
	padding:2px 3px 4px 7px;
	height:11px;
	background:transparent url('/image/back-transbutton-l.png') no-repeat left top;
	color:#fff;
	font-weight:normal;
	font-size:0.8em;
	text-decoration:none;
	cursor:pointer;
}
a.button:hover {
	text-decoration:underline;
}
a.button span {
	position:absolute;
	top:0;
	right:-13px;
	display:block;
	width:13px;
	height:16px;
	background:url('image/back-transbutton-r.png') no-repeat left top;
}
/* - page layout - */

div.holder {
	margin:0 auto;
	padding:0 0px;
	width:971px;
	min-height:100%;
	background:#fff url('/image/back-body.gif') repeat-y center top;
	text-align:left;
}
div.pop-up {
	margin:0 auto;
	text-align: left;
	position: relative;
	min-height:100%;
}
div.header {
	padding:4px 30px 0;
}
div.homesignposts, div.main {
	word-spacing: 0.2em;
}
div.main {
	margin:15px 20px 0;
}
div.main-checkout {
	margin:12px 20px 0 20px;
}
div.content {
	float:left;
	width:712px;
	margin:0;
}
div.side {
	float:right;
	width:204px;
	margin:0;
}
div.side-left2 {
	float:left;
	margin-right:16px;
}
div.side201 div.column201 h2.blacktop {
	padding:11px 11px 12px 11px;
}
div.side-left {
	float:left;
	width:204px;
	margin-right:16px;
}
div.side-left h2 {
	font-size:1.25em;
	font-weight:bold;
	line-height:1.1em;
	padding:0 0 8px;
	margin:0;
}
div.side-left h3 {
	font-size:1.15em;
	font-weight:bold;
	padding:0;
	margin:8px 0;
}
div.column-flex div.column-flex {
	float:none;
	margin-bottom:28px;
}
div.side-left div.column-flex {
	float:none;
	margin-bottom:13px;
}
div.side-left-2 {
	margin-right:25px;
}
/* - header - */

img.logo {
	float:left;
	padding:9px 5px;
}
div.navsearch {
	float:right;
	margin:13px -11px 14px;
	width:750px;
	background: url("new.png") no-repeat left top;
}
div.navsearch div.nw1 {
	background: url("back-navsearch-botto.png") no-repeat left bottom;
}


div.navsearch a.button span {
	right:-9px;
	width:12px;
	height:26px;
	background:url("back-search-butto-r.png") no-repeat left top;
}

ul.navbar {
	position:relative;
	float:left;
	margin:0;
	padding:0;
	line-height:1em;
	background:url("back-navbar.gif") repeat-x left top;
	list-style:none;
	z-index:500;
}
ul.navbar li {
	float:left;
	padding:0;
	margin:0 1px 0 0;
	line-height:1em;
	background:#c8c8c8 url("back-navbar-li.gif") repeat-x left top;
	list-style:none;
}
ul.navbar li a {
	float:left;
	padding:10px 9px 11px;
	color:#333;
	font-weight:bold;
	text-decoration:none;
	background-color:transparent;
}
ul.navbar li a.twoline {
	padding:4px 9px 5px;
	text-align:center;
}
ul.navbar li a span {
	float:left;
	padding:0 15px 0 0;
	background:url("back-navbar-li-subarrow.gif") no-repeat right center;
}
ul.navbar li.selected a span, ul.navbar li.firstselected a span {
	background:url("back-navbar-li-selected-subarrow.gif") no-repeat right center;
}
ul.navbar li:hover, ul.navbar li.hover {
	position:relative;
}
ul.navbar div.subnav li:hover, ul.navbar div.subnav li.hover {
	position:static;
}
ul.navbar li:hover a, ul.navbar li.hover a {
	background:#e8e8e8 url("back-navbar-a-hover.gif") repeat-x left top;
}
ul.navbar li.first {
	background:#c8c8c8 url("back-navsearch-top.png") no-repeat left top;
}
ul.navbar li.first a {
	background:url("back-navsearch-bottom.png") no-repeat left bottom;
}
ul.navbar li.first:hover, ul.navbar li.firsthover {
	background:#e8e8e8 url("back-navbar-li-first-hover.png") no-repeat left top;
}
ul.navbar li.first:hover a, ul.navbar li.firsthover a {
	background:url("back-navbar-li-first-hover-a.gif") no-repeat left bottom;
}
ul.navbar li.selected a {
	background:#666 url("back-navbar-li-selected-a.gif") repeat-x left top;
	color:#fff;
}
ul.navbar li.firstselected {
	background:#666 url("back-navbar-li-first-selected.png") no-repeat left top;
}
ul.navbar li.firstselected a {
	background:url("back-navbar-li-first-selected-a.gif") no-repeat left bottom;
	color:#fff;
}
ul.navbar li div.subnav {
	position:absolute;
	top:33px;
	left:0;
	width:160px;
}
ul.navbar li div.subnav ul, ul.navbar li div.subnav ul li, ul.navbar li div.subnav ul li a {
	display:block;
	float:none;
	margin:0;
	padding:0;
	background:none;
}
ul.navbar li div.subnav ul {
	margin:0;
	padding:6px 0 1px 3px;
	background:url("back-navbar-subnav-inner.png") repeat left top;
}
ul.navbar li div.subnav ul li {
	margin:0;
	padding:0 0 6px;
}
ul.navbar li div.subnav ul li a {
	padding:3px 20px 5px 6px;
	background:url("back-navbar-subnav-a.gif") no-repeat right center;
	color:#e0e0e0;
}
ul.navbar li div.subnav ul li:hover a, ul.navbar li div.subnav ul li.hover a {
	background:#ececec url("back-navbar-subnav-a-hover.gif") no-repeat right center;
	color:#333;
}
ul.navbar li div.subnav ul li.nochild a, ul.navbar li div.subnav ul li.nochild:hover a {
	background-image:none !important;
}
ul.navbar li div.subnav div.sw1 {
	padding:0 4px;
	width:152px; /* Temporary */
	background:url("back-navbar-subnav.png") repeat left top;
}
ul.navbar li div.subnav div.sw2 {
	position:relative;
}
ul.navbar li div.subnav div.corner-b {
	position:absolute;
	bottom:-4px;
	left:0;
	height:4px;
	width:100%;
	background:url("back-navbar-subnav.png") repeat left top;
	overflow:hidden;
}
ul.navbar li div.subnav div.corner-bl {
	position:absolute;
	bottom:-4px;
	left:-4px;
	height:4px;
	width:4px;
	background:url("back-navbar-subnav-bl.png") no-repeat left top;
	overflow:hidden;
}
ul.navbar li div.subnav div.corner-br {
	position:absolute;
	bottom:-4px;
	right:-4px;
	height:4px;
	width:4px;
	background:url("back-navbar-subnav-br.png") no-repeat left top;
	overflow:hidden;
}
ul.navbar li div.subnav ul li div.subsubnav {
	position:absolute;
	top:0;
	right:-164px;
	padding:0 0 0 5px;
}
ul.navbar li div.subnav ul li div.subsubnav div.ssw1 {
	position:relative;
	width:160px;
}
ul.navbar li div.subnav ul li div.subsubnav div.ssw2 {
	padding:5px 5px 0 0;
	background:url("back-navbar-subnav.png") repeat left top;
}
ul.navbar li div.subnav ul li div.subsubnav ul, ul.navbar li div.subnav ul li div.subsubnav ul li, ul.navbar li div.subnav ul li div.subsubnav ul li a {
	margin:0;
	padding:0;
	background:none;
}
ul.navbar li div.subnav ul li div.subsubnav ul {
	padding:0 0 0 3px;
}
ul.navbar li div.subnav ul li div.subsubnav ul li {
	margin:0 0 5px;
}
ul.navbar li div.subnav ul li div.subsubnav ul li a {
	padding:4px 9px 5px;
	background:#ccc;
	color:#333;
}
ul.navbar li div.subnav ul li div.subsubnav ul li:hover a, ul.navbar li div.subnav ul li div.subsubnav ul li.hover a {
	background:#666;
	color:#ccc;
}
ul.navbar li div.subsubnav div.corner-b {
	bottom:-4px;
	left:0;
	width:156px;
}
ul.navbar li div.subsubnav div.corner-bl {
	bottom:-4px;
	left:-4px;
	background:url("back-navbar-subsubnav-bl.png") no-repeat left top;
}
ul.navbar li div.subsubnav div.corner-br {
	bottom:-4px;
	right:0;
}
ul.navbar li div.subnav, ul.navbar li div.subsubnav {
	display:none;
}
ul.navbar li:hover div.subnav, ul.navbar li.hover div.subnav {
	display:block;
}
ul.navbar li:hover div.subnav ul li:hover div.subsubnav, ul.navbar li.hover div.subnav ul li.hover div.subsubnav {
	display:block;
}


/*-------------------------
----Home Page Specific ----
--------------------------*/

/* - Home banner - */

div.homebanner {
	position:relative;
	margin:5px 20px 0;
	height:279px;
}
div.homebanner h1 {
	margin:0;
	padding:0;
	line-height:1em;
	color:#fff;
	font-weight:normal;
	letter-spacing:-0.01em;
}
div.homebanner h1 span span {
	padding:0;
	margin:0;
}
div.homebanner h1 span {
	padding:0;
	margin:0;
}
div.homebanner h1 span.highlight {
	font-weight:bold;
	display:inline;
}
div.homebanner h1 span.line2 {
	display:block;
	margin:0 0 17px 97px;
}
div.homebanner div.buttons {
	clear:both;
	margin-left:10px;
	padding:12px 0 0 12px;
	width:342px;
	background:url('/image/back-homebanner-buttons.png') no-repeat left top;
}
div.homebanner div.buttons-bottom {
	margin-left:10px;
	margin-bottom:9px;
	padding:0 0 0 12px;
	width:342px;
	height:8px;
	background:url('/image/back-homebanner-buttons-bottom.png') no-repeat left top;
}
div.homebanner div.buttons div.row {
	padding-bottom:12px;
}
div.homebanner div.buttons div.last {
	padding-bottom:6px;
}
div.homebanner a.button, div.homebanner p.button {
	float:left;
	margin:0 10px 0 0;
	padding:8px 0 0 20px;
	width:140px;
	height:22px;
	background:none;
	color:#fff;
	font-size:1.17em;
	font-weight:bold;
	line-height:1em;
}
div.homebanner a.button:hover {
	color:#fff;
}
div.homebanner a.offices {
	background:url('/_image/back-homebutton-green.png') no-repeat left top;
}
div.homebanner a.virtualoffices {
	background:url('/_image/back-homebutton-pink.png') no-repeat left top;
}
div.homebanner a.meetingrooms {
	background:url('/_image/back-homebutton-blue.png') no-repeat left top;
}
div.homebanner a.businesslounges {
	background:url('/_image/back-homebutton-purple.png') no-repeat left top;
}
div.homebanner a.enquire, div.homebanner p.call {
	padding-left:0;
	padding-top:11px;
	width:160px;
	height:27px;
	font-size:1.3em;
	text-align:center;
	background:url('/_image/back-homebutton-black.png') no-repeat left top;
}
div.homecarousel {
	width:931px;
	height:279px;
}
div.homebanner-content {
	position:absolute;
	top:0;
	left:0;
	padding:20px 40px 24px 18px;
	height:235px;
	z-index:200;
}
div.homebanner a.button:hover {
	text-decoration:none;
}
/* - Home Signposts - */

div.homesignposts {
	margin-left:20px;
	padding-top:15px;
}
div.homesignposts div.signpost {
	float:left;
	margin:0 17px 0 0;
	width:297px;
}
div.homesignposts div.signpost img.icon {
	position: absolute;
	top:7px;
	right:7px;
}
div.homesignposts div.signpost img.block {
	display:block;
}
div.homesignposts div.row {
	position:relative;
	padding:0 0 6px 0;
}
div.homesignposts div.staterow {
	margin:-2px 0 -11px;/*padding:0 8px 0 26px;*/
}
div.homesignposts span.required {
	position:absolute;
	left:16px;
	padding:4px 0 0;
	font-size:1.17em;
	font-weight:bold;
}
div.homesignposts div.controlgrouphalf {
	float:left;/*width:103px;*/
}
div.homesignposts div.controlgroup {
	float:left;
	width:204px;
}
div.homesignposts textarea, div.homesignposts input.text {
	float:left;
	width:197px;
}
div.homesignposts span.half-error {
	width:94px;
}
div.homesignposts input.half {
	margin-right:1px;
}
div.homesignposts div.quickquote textarea, div.homesignposts div.quickquote input.text {
	width:235px;
}
div.homesignposts div.quickquote span.half-error, div.homesignposts div.quickquote input.half {
	width:113px;
}
div.homesignposts select {
	float:left;
	width:205px;
}
div.homesignposts div.homebutton {
	float:right;
	margin-top:-2px;
}
div.homesignposts div.signpost {
	position:relative;
}
div.homesignposts div.signpost div.homebutton {
	position:absolute;
	bottom:5px;
	right:7px;
}
div.homesignposts div.signpost h2 {
	margin:0;
	padding:2px 0;
	min-height:27px;
	color:#373735;
	font-size:1.67em;
	letter-spacing:0;
}
div.homesignposts div.signpost div.sw1 {
	padding:5px 26px;
}
.fielderrorrequired, .fielderrorformat {
	clear:both;
	float:left;
	padding:0 3px;
	font-size:0.9em;
}
div.homesignposts div.random_img_loader {
	background:none;
}
div.homesignposts div.findalocation {
	width:298px;
	background:url('/_image/back-home-findalocation-bottom.png') no-repeat left bottom;
}
div.homesignposts div.findalocation div.sw1 {
	min-height:118px;
	background:url('/_image/back-home-findalocation-top.png') no-repeat left top;
}
div.homesignposts div.chooseaproduct {
	margin-top:9px;
	width:298px;
	background:url('/_image/back-home-chooseaproduct-bottom.png') no-repeat left bottom;
}
div.homesignposts div.chooseaproduct div.sw1 {
	background:url('/_image/back-home-findalocation-top.png') no-repeat left top;
	min-height:78px;
}
div.homesignposts div.quickquote {
	width:300px;
	background:url('/image/back-home-quickquote-bottom.png') no-repeat left bottom;
}
div.homesignposts div.quickquote div.sw1 {
	background:url('/image/back-home-quickquote-top.png') no-repeat left top;
	min-height:215px;
}
div.homesignposts div.quickquote h2 {
	padding:5px 0 0 0;
}
div.homesignposts div.quickquote div.row {
	padding:0 0 1px 0;
}
div.homesignposts div.quickquote p {
	margin:0 0 10px 0;
	font-weight:bold;
	font-size:0.95em;
	letter-spacing:-1px;
}
div.homesignposts div.quickquote textarea {
	height:53px;
}

/* - Float clearing - */
div.column-flex div.row:after, div.buttonwrap_cta:after, div.column-white div.white-back:after, div.clearafter:after, div.black-box-container:after, div.row:after, div.holder:after, div.header:after, div.homesignposts div.sw1:after, div.navsearch div.nw1:after, div.side:after, div.side div.blue div.sw1:after, div.side div.grey div.sw2:after, div.footer div.columns:after, div.main:after, div.main-checkout:after, div.content:after, div.homesignposts:after, div.searchresult ul li:after, div.searchresult div.sw1:after, div.signpost:after, div.sideform:after, div.homesignposts a.shop div.bottom:after, div.homesignposts a.shop span.wrap:after, div.column350 div.back-border:after, div.pop-up div.column442:after, div.pop-up div.column442 div.back-border:after, div.pop-up-content:after, div.mr-content:after, div.map-content:after, div.product-details:after {
	content:'.';
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	font-size:0;
	line-height:0;
}


/* - Inside Page Banner - */

div.banner {
	position:relative;
	margin:0 20px;
	height:169px;
}
div.heading {
	position:absolute;
	top:27px;
	left:10px;
	width:460px;
}
div.heading div.h-edge-r {
	float:left;
	min-height:26px;
	padding:4px;
	background:transparent url("back-banner-heading-h1-edge-r.png") no-repeat left top;
}
div.heading h1 {
	float:left;
	min-height:18px;
	margin:0 auto;
	padding:10px 5px 6px 12px;
	color: #fff;
	font-size:1.65em;
	font-weight:normal;
	text-align:center;
	background:transparent url("back-banner-heading-h1.png") no-repeat left top;
}
div.call {
	position:absolute;
	top:28px;
	right:9px;
	width:312px;
}
div.call div.edge-r {
	float:right;
	min-height:28px;
	padding:3px;
	background:transparent url("back-banner-call-edge-r.png") no-repeat left top;
}
div.call p {
	float:right;
	min-height:18px;
	margin:0;
	padding:10px 5px 6px 12px;
	color:#414140;
	font-size:1.65em;
	font-weight:normal;
	background:transparent url("back-banner-call-p.png") no-repeat left top;
}
div.carousel {
	width:931px;
	height:169px;
}

div.bannercontact {
	position:relative;
	margin:0 20px;
	height:236px;
}
div.carousecontact {
	width:931px;
	height:236px;
}
/*-------------------------
------ Inside Pages -------
--------------------------*/

/* - Inside Page Breadcrumbs/languages - */

div.breadcrumbs {

	margin:0 20px 14px 29px;
	font-size:0.83em;
	color:#333;
}

div.breadcrumbs a {
	color:#006;
	text-decoration:none;
	background-color:transparent;
}
div.breadcrumbs a:hover {
	text-decoration:underline;
	background-color:transparent;
}
/* Homepage Businessworld Banner - middlebox */

div.homesignposts div.middlebox {
	float:left;
	position:relative;
	background: transparent url('/image/BW-hompagebanner-bground.jpg') no-repeat left top;
	min-height:227px;
	height:auto !important;
	height:227px;
}
div.homesignposts div.middlebox div.homebutton {
	bottom:7px;
}
div.homesignposts div.middlebox h2 {
	color:#ffffff;
	font-size:2em;
	margin:10px 0 0 10px;
}
div.homesignposts div.middlebox h3 {
	color:#ffffff;
	font-size:1.6em;
	width:160px;
	margin-left:10px;
	line-height:1.2em;
}
div.homesignposts div.middlebox ul {
	margin:10px 0 0 10px;
	width:270px;
}
div.homesignposts div.middlebox ul li {
	background:url("/image/bullet-red-small.gif") no-repeat scroll left 0.75em transparent;
	line-height:1em;
	font-weight:bold;
	font-size:0.9em;
	list-style:none outside none;
	margin-top:4px;
	padding:5px 0 0 12px;
}
div.homesignposts div.middlebox span.collect {
	width:100px;
}



/*-------------------------
----my own coding ----
--------------------------*/

/* - my own coding - */

div.hiaptongbanner {
	position:relative;
	margin:15px 201x 0;
	height:260px;
	color:#ffffff;
}

div.hiapcrane {
	float:right;
	width:310px;
	height:198px;
	background:transparent url("banner_profilenew1.jpg") no-repeat;
}



div.hiaptongbanner-content {
	position:absolute;
	top:0;
	left:0;
	padding:5px 5px 12px 0px;
	height:80px;
	z-index:200;
}


div.hiaptongbanner-contenttext1 {
	position:absolute;
	top:0;
	left:0;
	padding:0px 0px 0px 0px;
	height:40px;	
	z-index:200;
}

div.hiaptongbanner-contenttext2 {
	position:absolute;
	top:0;
	left:0;
	padding:0px 0px 0px 0px;
	height:40px;	
	z-index:200;
}

#banner_profile {background:transparent url('image/banner_profile.jpg') no-repeat; height:199px;}



div.copyright {
	margin:0;
	padding:20px 20px 0px;
	font-size:0.75em;
	color:#333;
}

div.hiaptongbannerabout {
	position:relative;
	margin:15px 0px 0px;
	height:270px;
}

div.hiapcraneabout {
	float:right;
	margin:10px 20px 0px;
	width:480px;
	height:265px;
	background:transparent url("newcompany.jpg") no-repeat;
}



div.corporateprofiletext {
	margin:0;
	padding:10px 5px 12px 24px;
	height:270px;
}	


.corporateprofiletext a {
	color: #3a73ba;
	font-size:1em;
	font-weight:normal;
}


.corporateprofiletext p {
	color: #666;
	font-size:0.95em;
	font-weight:normal;
}





div.homebannerequipment {
	float:right;
	margin:5px 0px 0;
	height:270px;
}
div.homecarouseequipment {
	width:420px;
	height:270px;
}
div.homecarouseequipmentcontact {
	width:620px;
	height:270px;
}

div.homecarouseequipmentbusnessdivision{
	width:525px;
	height:270px;
}

div.homebannercontactus {
border: 1px solid #ccc;
	float:right;
	margin:10px 20px 0;
	height:250px;
}








div.earth {
	position:relative;
	margin:25px 20px 0px;
	height:109px;
     
}


.earth a {
	color: #3a73ba;
	font-size:1em;
	font-weight:normal;
}

.earth p {
	color: #666;
	font-size:0.95em;
	font-weight:normal;
}





.rollover_img { 
width: 116px; 
height: 109px; 
background-image: url(water.jpg); 
background-position: top; 
 
font:13px normal Arial, Helvetica, sans-serif; 
line-height:18px; 
float:left; 
margin:0 20px 10px 0; }

.rollover_img a { 
color: #fff; 
width: 116px; 
height: 109px; 
display: block; 
text-decoration: none; 
}

.rollover_img a:hover { 
background-image: url(waterhover.jpg); 
}









.rollover_img1 { 
width: 116px; 
height: 109px; 
background-image: url(air.jpg); 
background-position: top; 
 
font:13px normal Arial, Helvetica, sans-serif; 
line-height:18px; 
float:left; 
margin:0 20px 10px 0; }

.rollover_img1 a { 
color: #fff; 
width: 116px; 
height: 109px; 
display: block; 
text-decoration: none; 
}

.rollover_img1 a:hover { 
background-image: url(airhover.jpg); 
}











.rollover_img2 { 
width: 116px; 
height: 109px; 
background-image: url(land.jpg); 
background-position: top; 
 
font:13px normal Arial, Helvetica, sans-serif; 
line-height:18px; 
float:left; 
margin:0 20px 10px 0; }

.rollover_img2 a { 
color: #fff; 
width: 116px; 
height: 109px; 
display: block; 
text-decoration: none; 
}

.rollover_img2 a:hover { 
background-image: url(landhover.jpg); 
}






.rollover_img3 { 
width: 116px; 
height: 109px; 
background-image: url(land.jpg); 
background-position: top; 
 
font:13px normal Arial, Helvetica, sans-serif; 
line-height:18px; 
float:left; 
margin:0 20px 10px 0; }

.rollover_img3 a { 
color: #fff; 
width: 116px; 
height: 109px; 
display: block; 
text-decoration: none; 
}

.rollover_img3 a:hover { 
background-image: url(landhover.jpg); 
}





.rollover_img4 { 
width: 116px; 
height: 109px; 
background-image: url(water.jpg); 
background-position: top; 
 
font:13px normal Arial, Helvetica, sans-serif; 
line-height:18px; 
float:left; 
margin:0 20px 10px 0; }

.rollover_img4 a { 
color: #fff; 
width: 116px; 
height: 109px; 
display: block; 
text-decoration: none; 
}

.rollover_img4 a:hover { 
background-image: url(waterhover.jpg); 
}



.elsewhere { 
	border-top: 1px solid #ccc;
	margin-top: 25px;
	margin-left: 20px;
	margin-right: 20px;

	}



div.earthbottom {
	position:relative;
	margin:25px 20px 0px;
	height:72px;
     
}

.rollover_img5 { 
width: 112px; 
height: 72px; 
background-image: url(elsewhere-viz-off.jpg); 
background-position: top; 
 
font:13px normal Arial, Helvetica, sans-serif; 
line-height:18px; 
float:left; 
margin:0 20px 10px 0; }

.rollover_img5 a { 
color: #fff; 
width: 112px; 
height: 72px; 
display: block; 
text-decoration: none; 
}

.rollover_img5 a:hover { 
background-image: url(elsewhere-viz-on.jpg); 
}







.rollover_img6 { 
width: 112px; 
height: 72px; 
background-image: url(elsewhere-healthy-off.jpg); 
background-position: top; 
 
font:13px normal Arial, Helvetica, sans-serif; 
line-height:18px; 
float:left; 
margin:0 20px 10px 0; }

.rollover_img6 a { 
color: #fff; 
width: 112px; 
height: 72px; 
display: block; 
text-decoration: none; 
}

.rollover_img6 a:hover { 
background-image: url(elsewhere-healthy-on.jpg); 
}




.rollover_img7 { 
width: 112px; 
height: 72px; 
background-image: url(elsewhere-eco-off.jpg); 
background-position: top; 
 
font:13px normal Arial, Helvetica, sans-serif; 
line-height:18px; 
float:left; 
margin:0 20px 10px 0; }

.rollover_img7 a { 
color: #fff; 
width: 112px; 
height: 72px; 
display: block; 
text-decoration: none; 
}

.rollover_img7 a:hover { 
background-image: url(elsewhere-eco-on.jpg); 
}





.rollover_img8 { 
width: 112px; 
height: 72px; 
background-image: url(elsewhere-txch-off.jpg); 
background-position: top; 
 
font:13px normal Arial, Helvetica, sans-serif; 
line-height:18px; 
float:left; 
margin:0 20px 10px 0; }

.rollover_img8 a { 
color: #fff; 
width: 112px; 
height: 72px; 
display: block; 
text-decoration: none; 
}

.rollover_img8 a:hover { 
background-image: url(elsewhere-txch-on.jpg); 
}

.rollover_img9 { 
width: 112px; 
height: 72px; 
background-image: url(elsewhere-show-off.jpg); 
background-position: top; 
 
font:13px normal Arial, Helvetica, sans-serif; 
line-height:18px; 
float:left; 
margin:0 20px 10px 0; }

.rollover_img9 a { 
color: #fff; 
width: 112px; 
height: 72px; 
display: block; 
text-decoration: none; 
}

.rollover_img9 a:hover { 
background-image: url(elsewhere-ger-on.jpg); 
}


.rollover_img10 { 
width: 112px; 
height: 72px; 
background-image: url(elsewhere-ger-off.jpg); 
background-position: top; 
 
font:13px normal Arial, Helvetica, sans-serif; 
line-height:18px; 
float:left; 
margin:0 20px 10px 0; }

.rollover_img10 a { 
color: #fff; 
width: 112px; 
height: 72px; 
display: block; 
text-decoration: none; 
}

.rollover_img10 a:hover { 
background-image: url(elsewhere-show-on.jpg); 
}



ul.thumb {
	float: left;
	list-style: none;
	margin: 0; padding: 10px;
	width: 570px;
}
ul.thumb li {
	margin: 0; padding: 5px;
	float: left;
	position: relative;  /* Set the absolute positioning base coordinate */
	width: 85px;
	height: 85px;
}
ul.thumb li img {
	width: 75px; height: 75px; /* Set the small thumbnail size */
	-ms-interpolation-mode: bicubic; /* IE Fix for Bicubic Scaling */
	border: 1px solid #ddd;
	padding: 5px;
	background: #f0f0f0;
	position: absolute;
	left: 0; top: 0;
}
ul.thumb li img.hover {
	background:url(thumb_bg.png) no-repeat center center;  /* Image used as background on hover effect
	border: none; /* Get rid of border on hover */
}


ul.thumbbusiness {
	float: left;
	list-style: none;
	margin: 0; padding: 10px;
	width: 480px;
}
ul.thumbbusiness li {
	margin: 0; padding: 5px;
	float: left;
	position: relative;  /* Set the absolute positioning base coordinate */
	width: 85px;
	height: 85px;
}

ul.thumbbusiness li img {
	width: 75px; height: 75px; /* Set the small thumbnail size */
	-ms-interpolation-mode: bicubic; /* IE Fix for Bicubic Scaling */
	border: 1px solid #ddd;
	padding: 5px;
	background: #f0f0f0;
	position: absolute;
	left: 0; top: 0;
}

#main_view {
	float: left;
	padding: 0px 0;
	margin-left: -10px;
}



/* primary content */
@media screen, projection {
	.primary_content { float: left; margin-left: 20px; width: 394px; }
	.primary_contentright { float: right; margin-right: 20px; width: 394px; }
}

/* abstract list and item */
div.abstract_list div.abstract_item { clear: both; margin-bottom: 2em; position: relative; }
div.abstract_list div.abstract_item.with_image { min-height: 82px; padding-left: 138px; }
div.abstract_list img { border: 1px solid #ccc; left: 0; position: absolute; width: 120px; }


div.abstract_list div.abstract_item.with_imagecricket  { border: 1px solid #ccc; min-height: 182px; padding-left: 20px; }


div.abstract_list p { color: #666; margin-bottom: 1.3636em; font-size:0.9em; }
div.abstract_list h3 { color: #3a73ba; margin-bottom: 1em; font-size:0.9em; }

div.abstract_list a {
	color: #3a73ba;
	text-decoration:none;
	background-color:transparent;
}
div.abstract_list a:hover {
	text-decoration:underline;
	background-color:transparent;
}
.nowhere { 
	border-top: 1px solid #ccc;
	margin-top: 12px;
	margin-left: 0px;
	margin-right: 20px;

	}


div.homebannerequipmentnew {
	float:right;
	margin:5px 0px 0;
	height:270px;
	width: 500px;
}





.boxgrid{
	width: 150px;
	height: 120px;
	margin:1px;
	float:left;
	background:#fff;
	
	overflow: hidden;
	position: relative;
}
.boxgrid img{
	position: absolute;
	top: 0;
	left: 0;
	border: 0;
}
.boxgrid p{ 
		padding: 0px 20px; 
		color:#3a73ba; 
		font-weight:bold;
		font:9pt "Lucida Grande", Arial, sans-serif; 
	}

.boxcaption{
	float: left;
	position: absolute;
	background: #000;
	height: 100px;
	width: 100%;
	opacity: .8;
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}

 .captionfull .boxcaption {
 	top: 120;
 	left: 0;
 }
 .caption .boxcaption {
 	top: 90;
 	left: 0;
 }


div.boardofdirectors {
	margin:0;
	padding:10px 5px 12px 24px;
	height:130px;
}

.boardofdirectors a {
	color: #3a73ba;
	font-size:1em;
	font-weight:normal;
}


.boardofdirectors p {
	color: #666;
	font-size:0.95em;
	font-weight:normal;
}	

#info_panels
{
	width:400px;
	height:auto;	
	padding-bottom:130px;
	background:#ffffff;
}


#info_panels p.intro
{
	width:580px;	
	height:auto;font-size:1.7em;
	line-height:1.4em;
	letter-spacing:-0.03em;
	margin:0 auto;
	padding: 0px 0px 0px 0px;
	}


ul.two_column_list { clear: both; }
	ul.two_column_list li.list_item { float: left; margin-bottom: 0.4545em; padding-right: 7%; width: 42.9%; }
	ul.two_column_list li.clear { clear: left; }
	ul.two_column_list li.last { margin-bottom: 2.7273em; }



/* person */
div.person { margin-bottom: 2.7273em; }
div.person.with_image { min-height: 74px; }
div.person.with_image a { color:#3a73ba;
			outline: 0; }
div.person.with_image span { margin-left: 76px; }
div.person.with_image dl.person_details { margin-left: 109px; }
div.person dl.person_details dt { font-weight: bold; }
div.person img { border: 1px solid #ccc; float: left; margin-bottom: 2.7273em; margin-right: 16px; }
div.person .fn { display: block; } 
div.person .title { color:#333;
display: block; }
div.person dl.person_details dd.business, div.person .org { margin-bottom: 0.4545em; }
div.person dl.person_details dl { padding-top: 1.3636em; }
li.list_item div.person, li.list_item div.person img { margin-bottom: 2.2727em; }
li.last div.person, li.last div.person img { margin-bottom: 0; }


/* container */

div.container { margin:0;
	padding:10px 5px 12px 24px;
	height:270px;
margin-bottom: 2.7273em;}